import React, {useState}from 'react';
// 表格组件和 ts类型声明
import { Table } from 'antd';
import type { ColumnsType } from 'antd/es/table';
// 分页
import { Pagination, ConfigProvider} from 'antd';
// 导入中文
import zh_CN from 'antd/es/locale/zh_CN';
interface Props{
    columns:any,
    data:any,
    rowSelection?:any
    pagination?:any
    onChange?:any
}
function Tables(props:Props) {

    return (
        <div>
            <ConfigProvider locale={zh_CN}>
                    <Table 
                        // 表头
                        columns={props.columns} 
                        // 行内容
                        dataSource={props.data}  
                        // 复选框
                        rowSelection={props.rowSelection}
                        // 分页
                        pagination={props.pagination}
                        // 分页触发回调
                        onChange={props.onChange}
                        // 每行添加key属性
                        rowKey={record=>record.key}
                    />
                </ConfigProvider>
        </div>
    );
}

export default Tables;